.imageText {
  width: 100%;

  img {
    // width: 6.87rem;
    height: 4rem;
  }
}

.cardBox {
  padding: 0.48rem 0.32rem 0 0.32rem;
  background: #F5F5F7 url(../img/composition/Quotes.png) no-repeat;
  background-size: 1rem 0.8rem;
  background-position: top 0.18rem right 0.32rem;

  .titleBox {
    position: relative;
    padding-top: 0;

    h1 {

      color: #272727;
      font-size: 0.32rem;
      font-weight: 600;

    }

    i {
      position: absolute;
      width: 0.48rem;
      height: 0.04rem;
      background-color: #E3322C;
      left: 0;
      bottom: -0.16rem;
    }

  }

  article {
    margin-top: 0.26rem;
    font-size: 0.14rem;
    color: #666666;
    line-height: 0.24rem;

  }

  &.bottomBox {
    padding-bottom: 0.4rem
      /* 30/75 */
    ;
  }
}

.doubleBox {
  .cardBox {
    width: 50%;

    .titleBox {
      position: relative;
      padding-top: 0.82rem;

      i {
        left: 50%;
        transform: translateX(-50%);
      }

    }

  }
}

// ** index 页面移动端样式 0 - 1024
@media screen and (max-width: 1024px) {
  .imageText {
    width: 100%;

    img {
      // width: 6.87rem;
      height: 4.81rem;
    }
  }

  .flex-row {
    flex-direction: column;
    padding: 0 0.4rem;
  }

  .cardBox {
    padding: 0.48rem 0.32rem;
    background: #F5F5F7 url(../img/composition/Quotes.png) no-repeat;
    background-size: 1rem 0.8rem;
    background-position: top 0.48rem right 0.32rem;


    .titleBox {
      position: relative;
      padding-top: 0.32rem;

      h1 {
        color: #272727;
        font-size: 0.52rem;
        font-weight: 600;
      }

      i {
        position: absolute;
        width: 0.88rem;
        height: 0.08rem;
        background-color: #E3322C;
        left: 0;
        bottom: -0.16rem;
      }
    }

    p {
      margin-top: 0.56rem;
      font-size: 0.4rem;
      color: #666666;
      line-height: 0.65rem;
    }

  }

  .doubleBox {
    .cardBox {
      margin: 0.4rem 0;
      width: 100%;

      .titleBox {
        position: relative;
        padding-top: 0.82rem;

        i {
          left: 50%;
          transform: translateX(-50%);
        }
      }
    }
  }
}